/* 改变主题色变量 */

/// color|1|主题颜色 Color|0  
$--color-primary: #409EFF !default;
/// color|1|基础白色设置 Color|4  白版的 下拉框背景色 按钮字的颜色 input框背景  下拉框背景色 checkbox框的背景色 radio的按钮颜色  table表格的默认背景色 tree的背景色
$--color-white: #ffffff !default;
/// color|1|基础黑色设置 Color|4
$--color-black: #000000 !default;
// 成功颜色
/// color|1|Functional Color|1
$--color-success: #67C23A !default;
// 警告颜色
/// color|1|Functional Color|1
$--color-warning: #E6A23C !default;
// 危险颜色
/// color|1|Functional Color|1
$--color-danger: #F56C6C !default;
// 信息颜色
/// color|1|Functional Color|1
$--color-info: #909399 !default;

// 主要文字颜色
/// color|1|Font Color|2
$--color-text-primary: #323330 !default;
// 常规文字颜色
/// color|1|Font Color|2
$--color-text-regular: #666060 !default;
// 次要文字颜色
/// color|1|Font Color|2
$--color-text-secondary: #909399 !default;
// 占位文字颜色
/// color|1|Font Color|2
$--color-text-placeholder: #C0C4CC !default;

// 边框颜色
// 一级边框颜色 直接看到的边框
/// color|1|Border Color|3
$--border-color-base: #DCDFE6 !default;
// 二级边框颜色 下拉
/// color|1|Border Color|3
$--border-color-light: #E4E7ED !default;
// 三级边框颜色 下拉框上的三角
/// color|1|Border Color|3
$--border-color-lighter: #EBEEF5 !default;
// 四级边框颜色
/// color|1|Border Color|3
$--border-color-extra-light: #F2F6FC !default;

// 基础背景色
// Background
/// color|1|Background Color|4
$--background-color-base: #F5F7FA !default;

/* 改变 icon 字体路径变量，必需 */
// $--font-path: '../node_modules/element-ui/lib/theme-chalk/fonts';
$--font-path: '~@/../node_modules/element-ui/lib/theme-chalk/fonts';

// @import "../node_modules/element-ui/packages/theme-chalk/src/index";
// @import "./../../node_modules/element-ui/packages/theme-chalk/src/index.scss";
@import "~@/../node_modules/element-ui/packages/theme-chalk/src/index.scss";